<template>
    <div :class="`${PREFIX}`" :style="style">
        <p :class="`${PREFIX}-title`">关于99友婚</p>
        <img src="../assets/img/99logo.png" alt="">
        <p class="tips">
            99友婚是北京飞尚百逸科技有限公司开发的一款婚恋社交线上产品。<br>
            在这里您可以快速高效的实现婚恋自由，找到您自己的婚恋方式。
        </p>
        <Download :class="`${PREFIX}-download`" />
    </div>
</template>
<script setup>
const PREFIX = 'page4'
import { computed }  from 'vue'
import Download from '../components/Download.vue';
 const props = defineProps({
    height: {
        type: Number,
        default: 0
    }
})

const style = computed(()=>({ height: `${props.height}px` }))

</script>
<style lang="less">
.page4 {
    width: 1400px;
    height: 100%;
    margin: 0 auto;
    padding: 85px 91px 72px 110px;
    box-sizing: border-box;

    &-title {
        height: 50px;
        color: #666666;
        text-align: center;
        font-size: 42px;
        line-height: 50px;
        margin-bottom: 110px;
    }

    &>img {
        width: 118px;
        height: 118px;
        display: block;
        margin: 0 auto;
    }

    .tips {
        width: 910px;
        color: #666666;
        font-size: 28px;
        line-height: 34px;
        margin: 77px auto 190px auto;
    }
}
</style>